body { padding-bottom:58px; }
/* 楼盘相册  */
.photo-item .photo-cover { width:50px; height:50px; line-height:50px; overflow:hidden; }
.photo-item img { width:50px; }
.photo-item p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#666; }
.image-list {  }
.image-list .image-list-item { float:left; background:#eee; width:48%; margin:1%; }
.image-list .image-list-item img { width:100%; }

/* 相册照片预览  */
.image-view { position:relative; background:rgba(0,0,0,0.85); position:fixed; width:100%; height:100%; overflow:hidden; left:0; top:0; z-index:999; }
.image-view img { max-width:95%; max-height:95%; }
.close { width:40px; height:40px; position:fixed; right:0; top:0; color:#fff; font-size:30px; z-index:1000; }

/* 户型 */
.house-type-list {border:1px solid #ddd; border-radius:3px; overflow:hidden; background:#fff; }
.house-type-list h4 { background:#f9f9f9; border-bottom:1px solid #ccc; padding:5px 10px; }
.house-type-list li { border-bottom:1px solid #ddd; }
.house-type-list li a { padding:10px; position:relative; display:block; }
.house-type-list li p { color:#666; }
.house-type-list .arrows { position:absolute; right:10px; top:50%; -webkit-transform:translateY(-50%) rotate(-45deg); transform:translateY(-50%) rotate(-45deg); width:10px; height:10px; border:3px solid #999; border-top:none; border-right:none; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.house-type-list li.current .arrows { -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.house-type-list li.current + .house-photo { display:block; }
.house-type-list .house-photo { background:#eee; box-shadow:1px 0 1px rgba(0,0,0,0.5); padding:5px 0; display:none; }
.house-type-list .house-photo a { width:50%; padding:0; float:left; text-align:center; height:30px; line-height:30px; border-right:1px solid #ccc; }

/* 户型图详情  */
.house-type-info { background:#555555; height:100%; }
.house-type-info .house-type-img { text-align:center; }
.house-type-info img { width:100%; }
.house-type-info .info { position:fixed; bottom:0; width:100%; background-color:rgba(0,0,0,0.5); transition:all .5s ease-in-out; }
.house-type-info .info h5 { background-color:rgba(0,0,0,0.3); text-align:center; height:20px; line-height:20px; color:#fff; border-bottom:1px solid #3F3F3F; }
.house-type-info .info a { color:#f9f9f9; display:block; padding:10px; }
.house-type-info .info span { position:absolute; right:15px; }
.house-type-info .info hr { border: 1px solid #222; box-shadow: 0 1px 3px rgba(255,255,255,0.3); display:none; margin:0 -10px; }
.house-type-info .info .content { display:none; color:#fff; margin-top:10px; }
/* 点击后展开增加show-all class  */
.info.show-all { position:absolute; top:0; bottom:0; }
.info.show-all .content { display:block; }
.info.show-all hr { display:block; }

/* 全景列表  */
.scene-title { position:absolute; top:10px; text-align:center; z-index:1000; color:#333; width:100%; }
.scene-title h4 { border:1px solid #fff; border-radius:5px; width:200px; margin:0 auto; background:#f9f9f9; }
.scene-list { position:absolute; right:10px; bottom:10px; z-index:1000; }
.scene-list > ul { display:none; }
.scene-list a { display:block; padding:7px 30px; background:#a58459; color:#fff; margin:5px 0; letter-spacing:3px; border:1px solid #f1d3b5; }
.scene-list a:active, .scene-list a.active { background:#81CBA8; }

/* 预约看房  */
.subscribe { background:#fff; border:1px solid #ccc; margin:10px; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,0.1); }
.subscribe .title { font-weight:400; border-bottom:1px solid #ddd; padding:5px 10px; background:#eee; }
.subscribe .content { padding:10px; color:#333333; }
.subscribe .form-item { margin-bottom:10px; }
.subscribe .form-item label { width:30%; float:left; margin-top:7px; }
.subscribe .form-item .submit { margin-left:30%; }
.subscribe .form-item div { width:70%; float:left; }
.subscribe .form-item input,
.subscribe .form-item select,
.subscribe .form-item textarea{ width:100%; }

/**
 * footer nav
 * by zhangrui
 */
.footer { position: fixed; z-index: 10; bottom: 0; left: 0; right: 0; }
.footer ul { width: 100%; height: 48px; display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: horizontal; background-color: #262626; border: #000000 solid 1px; }
.footer ul li:first-child { background:none; }
.footer ul li {
  position: relative; 
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.15)));
  -webkit-background-size: 1px 100%, 1px 100%;
          background-size: 1px 100%, 1px 100%;
  background-position: 1px center, 2px center;
  background-repeat: no-repeat;
  
  text-align: center;
}

.footer li a { display: block; height: 48px; text-align: center; color: #ffffff; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex: 1;}
.footer li a:active { background-color: #333333; }
.footer li a img { width: 24px; line-height: 48px;  padding: 3px 0 0 0; }
.footer li a label { overflow: hidden; font-size: 12px; display: block; line-height: 18px; text-align: center; }

/* section  */
.section { overflow: hidden; max-width: 400px; margin: 10px auto; border: 1px solid rgba(0,0,0,0.2); border-radius: 4px; background-color: #ffffff; box-shadow: 0 3px 5px rgba(0,0,0,0.125); }
.section header { overflow: hidden; padding: 10px; border-bottom: 1px solid #ebebeb; background-color: #f7f7f7; font-size: 120%; line-height: 18px; }
.section article { overflow: hidden; padding: 10px; color: #666666; }
.section footer { padding: 10px; border-top: 1px solid #ebebeb; background-color: #f7f7f7; line-height: 16px; }